<template>
  <!-- 项目实施 - 6变更控制 -->
  <div class="change-control">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="计划变更" name="0">
        <changeOfPlan></changeOfPlan>
      </el-tab-pane>
      <el-tab-pane label="停工" name="1">
        <lockout></lockout>
      </el-tab-pane>
      <el-tab-pane label="复工" name="2">
        <resumption></resumption>
      </el-tab-pane>
      <el-tab-pane label="终止" name="3">
        <termination></termination>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import changeOfPlan from './components/changeControl/changeOfPlan';
import lockout from './components/changeControl/lockout';
import resumption from './components/changeControl/resumption';
import termination from './components/changeControl/termination';
export default {
  name: "changeControl",
  components: {changeOfPlan, lockout, resumption, termination},
  data() {
    return {
      activeName: '0'
    };
  },
  created() {
    
  },
  methods: {
    /**
     * @author Wrl
     * 切换 Tab
     */
    handleClick(tab, event) {
      
    }
  }
};
</script>

<style lang="scss" scoped>
  .change-control {
    padding: 16px;
  }
</style>